1
00:00:01,100 --> 00:00:03,470
Εκπληκτική επιτυχία! καλή δουλειά που συνεχίζεις να κρέμεσαι εκεί.

2
00:00:03,500 --> 00:00:08,420
Γίνεται όλο και πιο συναρπαστικό από εδώ, απλώς ξύνουμε την επιφάνεια με τη δύναμη αυτή

3
00:00:08,420 --> 00:00:10,650
έρχεται, με το να είσαι προγραμματιστής ιστού.

4
00:00:10,970 --> 00:00:16,310
Αλλά θέλω να μιλήσω γρήγορα για HTML εναντίον HTML5.

5
00:00:16,610 --> 00:00:23,550
Έχω αναφέρει αυτό το θέμα μερικές φορές, αλλά το ξεφύλλωσα και σας είπα, ναι, αυτό είναι HTML

6
00:00:23,570 --> 00:00:24,960
Ναι, αυτό είναι HTML5.

7
00:00:24,980 --> 00:00:33,290
Αλλά ήθελα απλώς να κάνω ένα διάλειμμα και να αναλύσω γρήγορα τη βασική ιδέα, του τι είναι η HTML5;

8
00:00:33,290 --> 00:00:44,270
Αν θυμάστε στο διάγραμμά μας, το HTML, όταν ξεκίνησε για πρώτη φορά, το 1989 έως το 1991, δεν ήταν τόσο περίπλοκο.

9
00:00:44,270 --> 00:00:46,880
Δεν είχε τόσες πολλές δυνατότητες, όπως τώρα.

10
00:00:46,880 --> 00:00:55,340
Θέλουμε να βεβαιωθούμε ότι όλα αυτά τα προγράμματα περιήγησης παίζουν όμορφα και κατανοούν τους κανόνες HTML μας.

11
00:00:55,490 --> 00:01:02,300
Έτσι, αν θυμάστε, ο φίλος μας Tim, ο πρώτος μας προγραμματιστής ιστού, ο τύπος που δημιούργησε τον παγκόσμιο ιστό, το έχει

12
00:01:02,300 --> 00:01:09,380
ένα διοικητικό όργανο, που καθορίζει πώς πρέπει να μοιάζει η HTML, έτσι ώστε αυτά τα μεμονωμένα προγράμματα περιήγησης να γνωρίζουν

13
00:01:09,380 --> 00:01:12,850
πώς να κωδικοποιήσουν το πρόγραμμα περιήγησής τους, ώστε να διαβάζει σωστά την HTML.

14
00:01:12,930 --> 00:01:18,610
Και προφανώς ο ιστός που είχαμε τη δεκαετία του '90 είναι πολύ διαφορετικός από αυτόν που έχουμε τώρα.

15
00:01:18,620 --> 00:01:25,860
Επομένως, υπάρχουν πολλά νέα πράγματα που πρέπει να ενημερώσουμε και μερικά από αυτά είναι.

16
00:01:26,360 --> 00:01:35,930
Ξέρετε ότι έχουμε τηλέφωνα και έχουμε tablet και γενικά χρειαζόμαστε περισσότερη δύναμη από την HTML.

17
00:01:35,930 --> 00:01:43,130
Έτσι, η HTML5 ήταν η εξέλιξη και υπάρχει, υπάρχουν πολλές πολλές εξελίξεις της HTML, η HTML5 είναι η πιο πρόσφατη

18
00:01:43,130 --> 00:01:51,230
ένα, όπου προσπαθούμε να προσθέσουμε λειτουργίες, ώστε να μπορούμε να βελτιώσουμε την εμπειρία του χρήστη.

19
00:01:51,250 --> 00:01:53,650
Τώρα, ποια είναι μερικά από αυτά τα χαρακτηριστικά;

20
00:01:53,750 --> 00:02:00,630
Ας ρίξουμε μια γρήγορη ματιά στον παλιό καλό μας φίλο, τα σχολεία W3.

21
00:02:00,780 --> 00:02:06,960
Ένα από τα πράγματα που θέλει να κάνει η HTML5 είναι ότι θέλουμε να βεβαιωθούμε ότι δεν επηρεάζει

22
00:02:07,110 --> 00:02:13,460
οποιονδήποτε παλιό ιστότοπο, αν θυμάστε τον πρώτο μας ιστότοπο από τον Tim, ίσως το 1991.

23
00:02:13,740 --> 00:02:18,720
Λοιπόν, αυτό εξακολουθεί να λειτουργεί μέχρι σήμερα, το επισκεφτήκαμε στα προηγούμενα βίντεο.

24
00:02:18,720 --> 00:02:24,420
Μπορείτε ακόμα να επισκέπτεστε τοποθεσίες Web από τη δεκαετία του '90, γιατί θέλουμε να βεβαιωθούμε ότι όλα είναι προς τα πίσω

25
00:02:24,450 --> 00:02:25,110
συμβατή.

26
00:02:25,110 --> 00:02:28,880
Αυτός είναι ένας φανταχτερός τρόπος να πούμε, οι παλαιότερες εκδόσεις δεν είναι ξεπερασμένες.

27
00:02:28,890 --> 00:02:35,390
Αλλά θέλουμε επίσης να επιμείνουμε σε αυτές τις δυνατότητες και μπορείτε να διαβάσετε στον ιστότοπο όλες τις πληροφορίες της HTML5

28
00:02:35,400 --> 00:02:41,880
και τι κάνει και μερικά από τα πράγματα που υποστηρίζει και γίνονται λίγο τεχνικά και

29
00:02:41,940 --> 00:02:43,860
δεν χρειάζεται να μπούμε σε αυτό, πάρα πολύ.

30
00:02:43,860 --> 00:02:51,630
Αλλά το μόνο πράγμα που θέλω να τονίσω είναι ότι εισήγαγε αυτή την ιδέα των σημασιολογικών στοιχείων και τι

31
00:02:51,630 --> 00:02:59,370
Αυτό σημαίνει ότι ήθελαν να κάνουν τους ιστοτόπους πιο περιγραφικούς, τις μηχανές αναζήτησης όπως το Google, να πηγαίνουν σε ιστότοπους

32
00:02:59,370 --> 00:03:03,570
και χρησιμοποιούν αυτά τα πράγματα που ονομάζονται ανιχνευτές, για να κοιτάξουν τον ιστότοπό σας.

33
00:03:03,600 --> 00:03:08,850
Αυτά τα μηχανήματα, που διαβάζουν το HTML σας, για να καταλάβουν ποιος είναι ο ιστότοπός σας;, ποιο είναι το θέμα

34
00:03:08,850 --> 00:03:17,370
είναι;, ώστε να το κατατάξουν στις μηχανές αναζήτησης και στα σημασιολογικά στοιχεία HTML5, προσπαθεί να προσθέσει λίγο

35
00:03:17,370 --> 00:03:23,690
λίγο περισσότερο νόημα για αυτά τα ρομπότ, έτσι ώστε όταν συναντούν κάτι, να έχει λίγο πιο νόημα.

36
00:03:23,700 --> 00:03:29,360
Λοιπόν, αυτό είναι ένα παράδειγμα, ορισμένων από αυτές τις νέες ετικέτες, που εισήγαγε η HTML5.

37
00:03:29,430 --> 00:03:32,430
Και ας σας δείξουμε μερικά από αυτά.

38
00:03:32,490 --> 00:03:38,410
Για παράδειγμα, αν θέλαμε να πούμε ότι θέλουμε να το σχολιάσουμε αυτό, ξέρουμε πώς να το κάνουμε ήδη.

39
00:03:38,610 --> 00:03:50,070
Και ένα σημασιολογικό στοιχείο, μπορεί να μοιάζει με «κεφαλίδα» όπου έχουμε τον τίτλο «h1» που είναι «Εγγραφή»

40
00:03:53,020 --> 00:03:59,290
και κλείνουμε το '/header' ώστε τώρα, ο ανιχνευτής το ξέρει αυτό, αυτή είναι η κεφαλίδα μας και ίσως έχουμε κάποια

41
00:03:59,950 --> 00:04:01,010
συνδέσμους «nav» πλοήγησης.

42
00:04:01,030 --> 00:04:12,130
Τώρα λοιπόν, μπορούμε να έχουμε ετικέτες "a" με το "href" μας και θα το πούμε απλώς αυτό, συνδέεται με το Google και μετά κλείνουμε

43
00:04:12,130 --> 00:04:12,710
το «nav».

44
00:04:12,790 --> 00:04:18,430
Έχουμε μόνο έναν σύνδεσμο πλοήγησης προς το παρόν, αλλά ήθελα απλώς να το δείξω γρήγορα.

45
00:04:18,630 --> 00:04:32,670
Και τέλος έχουμε ένα «υποσέλιδο», οπότε μέσα στο «υποσέλιδο», μπορούμε να προσθέσουμε κάτι σαν «Ιστότοπος φτιαγμένος με αγάπη».

46
00:04:34,150 --> 00:04:41,410
και μπορείτε να δείτε εδώ ότι, ακόμα και σε ένα μηχάνημα, αν καταλαβαίνει τι σημαίνει «κεφαλίδα» και «nav»

47
00:04:41,410 --> 00:04:48,580
και «υποσέλιδο» σημαίνει, δίνει πολύ περισσότερο νόημα στην ιστοσελίδα και θα έχει καλύτερη ιδέα για το πώς ο ιστότοπος

48
00:04:48,580 --> 00:04:55,030
είναι δομημένο και πού είναι η κατάταξή τους και τα αποτελέσματα αναζήτησης Google. Μπορείτε να αφιερώσετε χρόνο και να διαβάσετε

49
00:04:55,030 --> 00:04:56,580
μέσω ορισμένων από αυτές τις ετικέτες.

50
00:04:56,590 --> 00:05:03,250
Και σας συνιστώ να επισκεφθείτε αυτόν τον ιστότοπο και να διαβάσετε μερικές από τις εισαγωγές HTML

51
00:05:03,250 --> 00:05:08,830
δείτε ότι, αν κάνουμε κλικ σε τύπους «εισαγωγής» ή σε κάτι που έχουμε ήδη επισκεφτεί και κάνουμε κύλιση σε μερικούς από τους

52
00:05:08,830 --> 00:05:16,600
χαρακτηριστικά, θα δείτε ότι υπάρχουν κάποια νέα HTML5, έχουν αυτά τα μικρά εικονίδια εδώ, που έχουν

53
00:05:16,600 --> 00:05:23,130
έχει εισαχθεί, επομένως επεκτείνουμε συνεχώς για να κάνουμε την HTML καλύτερη και καλύτερη λειτουργικότητα.

54
00:05:23,140 --> 00:05:29,230
Μπορείτε να δείτε εδώ το 'min', για παράδειγμα, το χρησιμοποιούμε για κωδικό πρόσβασης, αν θυμάστε, καθορίζει την ελάχιστη τιμή

55
00:05:29,230 --> 00:05:30,040
για ένα πεδίο εισαγωγής.

56
00:05:30,040 --> 00:05:40,840
Έτσι, εάν ορίσω ένα 'min' εδώ, τότε βεβαιωθείτε ότι εισάγω το ελάχιστο ποσό τιμής.

57
00:05:41,940 --> 00:05:43,840
Αλλά και πάλι, μπορείτε να ρίξετε μια ματιά σε αυτό μόνοι σας.

58
00:05:44,040 --> 00:05:48,880
Το πρόβλημα με τον σημασιολογικό ιστό είναι ότι είναι ακόμα αρκετά νέο.

59
00:05:49,080 --> 00:06:01,090
Έτσι, δεν θα δείτε τόσα πολλά από αυτό, θα δείτε σε ορισμένους ιστότοπους, αλλά είναι πολύ δύσκολο να αποδείξετε ότι στην πραγματικότητα

60
00:06:01,090 --> 00:06:07,540
έχει καλές επιδόσεις SEO επειδή είναι ακόμα αρκετά νωρίς, αλλά για να μην εκπλαγείτε και εκπλαγείτε

61
00:06:07,570 --> 00:06:10,310
γνωρίζει τι συμβαίνει.

62
00:06:10,390 --> 00:06:18,000
Είναι κάτι που μπορεί να συναντήσετε, αλλά συνολικά η HTML5 προσπαθεί να βελτιώσει την απόδοση

63
00:06:18,000 --> 00:06:20,200
τον ιστό, γιατί εξελισσόμαστε συνεχώς.

64
00:06:20,340 --> 00:06:29,160
Και όπως και οι ιστότοποι, πρέπει να μεταβείτε από έναν απλό ιστότοπο βασισμένο σε κείμενο HTML σε τεράστιους ιστότοπους όπως

65
00:06:29,190 --> 00:06:36,630
Twitter, που μπορείτε να δημοσιεύσετε και να μιλήσετε με εκατομμύρια ανθρώπους σε όλο τον κόσμο, όπου χρειαζόμαστε τις τεχνολογίες Ιστού μας

66
00:06:36,630 --> 00:06:39,220
να εξελιχθεί μαζί μας.

67
00:06:39,230 --> 00:06:40,890
Τα λέμε στο επόμενο. Αντίο